<template>
  <div class="card-box-20">
    <div>
      <LeeButton type="text">default</LeeButton>
      <LeeButton type="text" link>default</LeeButton>
      <LeeButton type="text" disabled>default</LeeButton>
      <LeeButton type="text" link disabled>default</LeeButton>
    </div>
    <div>
      <LeeButton type="primary" round>主按钮</LeeButton>
      <LeeButton type="primary" circle :icon="Aim" />
      <LeeButton type="primary" size="small">small</LeeButton>
      <LeeButton type="primary">default</LeeButton>
      <LeeButton type="primary" size="large">large</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton type="primary">主按钮</LeeButton>
      <LeeButton type="primary" disabled>主按钮</LeeButton>
      <LeeButton type="primary" loading>主按钮</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton>次按钮</LeeButton>
      <LeeButton disabled>次按钮</LeeButton>
      <LeeButton loading>次按钮</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton type="warning">Warning</LeeButton>
      <LeeButton type="warning" disabled>Warning</LeeButton>
      <LeeButton type="warning" loading>Warning</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton type="danger">Danger</LeeButton>
      <LeeButton type="danger" disabled>Danger</LeeButton>
      <LeeButton type="danger" loading>Danger</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton type="success">Success</LeeButton>
      <LeeButton type="success" disabled>Success</LeeButton>
      <LeeButton type="success" loading>Success</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton plain type="primary">主按钮</LeeButton>
      <LeeButton plain type="primary" disabled>主按钮</LeeButton>
      <LeeButton plain type="primary" loading>主按钮</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton plain type="warning">Warning Plain</LeeButton>
      <LeeButton plain type="warning" disabled>Warning Plain</LeeButton>
      <LeeButton plain type="warning" loading>Warning Plain</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton plain type="danger">Danger Plain</LeeButton>
      <LeeButton plain type="danger" disabled>Danger Plain</LeeButton>
      <LeeButton plain type="danger" loading>Danger Plain</LeeButton>
    </div>
    <div class="mt-12">
      <LeeButton plain type="success">Success Plain</LeeButton>
      <LeeButton plain type="success" disabled>Success Plain</LeeButton>
      <LeeButton plain type="success" loading>Success Plain</LeeButton>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { Aim } from '@element-plus/icons-vue';
</script>

<style lang="scss" scoped>
</style>